<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<meta name="author" content="FamousThemes" />
<meta name="description" content="Get in the spotlight" />
<meta name="keywords" content="premium css templates, premium wordpress themes, famous themes, themeforest" />
<title>One page CV CSS Template</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="js/tabs.js"></script>

<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" type="text/css" href="css/slickmenu.css"/>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.jslickmenu.js"></script>
<script type="text/javascript" src="js/script.js"></script>

<!-- Cufon START  -->
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script src="js/Candy_Script_400.font.js" type="text/javascript"></script>
  
<!-- Cufon END  -->


</head>
<body>
	<div id="menu">
		<ul>
			<li><a href="">
				<img src="images/item-01.jpg" alt="首页" />
			</a></li>
			<li><a href="">
				<img src="images/item-02.jpg" alt="添加联系人" />
			</a></li>
			<li><a href="">

				<img src="images/item-03.jpg" alt="添加任务" />
			</a></li>
			<li><a href="">
				<img src="images/item-04.jpg" alt="个人信息" />
			</a></li>
			<li><a href="">
				<img src="images/item-05.jpg" alt="安全退出" />
			</a></li>
		</ul>

	</div>
	
<div id="main_container">
	
    <div class="book">
    	<div class="book_top">
        
            <div id="demo" class="demolayout">
            
                <div class="left_content">   
                            <ul id="demo-nav" class="demolayout">
                            <li><a class="active" href="#tab1">最新动态</a></li>
                            <li><a class="" href="list.action">联系人</a></li>
                            <li><a class="" href="#tab3">日程安排</a></li>
                            <li><a class="" href="#tab4">业务机会</a></li>
                            <li><a class="" href="#tab5">References</a></li>
                            <li><a class="" href="#tab6">Contact</a></li>
                            </ul>
                            
                            <div class="photo">
                            <img src="images/frame.png" alt="" title="" border="0"  class="frame"/>
                            <img src="images/picture.jpg" alt="" title="" border="0" class="picture" />
                            </div>
                            
                            
                </div>
                
                
                <div class="tabs-container">
    
                    <div style="display: block;" class="tab" id="tab1">
                    <h2>最新动态</h2>
                    <p>
                                                  阿斯蒂芬阿斯蒂芬阿斯蒂芬, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
                    </p>
                    <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
                    </p>
                    <h3>Lorem ipsum dolor sit</h3>
                     
                    <ul class="list">
                    <li>ullamco laboris nisi ut aliquip ex ea commodo consequat.</li>
                    <li>laboris nisi ut aliquip ex ea</li>
                    <li>Excepteur sint occaecat cupidatat</li>
                    <li>ullamco laboris nisi ut aliquip ex ea commodo consequat.</li>
                    <li>Excepteur sint occaecat cupidatat</li>
                    </ul>
                    </div>
                    
                     <div style="display: none;" class="tab" id="tab2">
                                         <h2>Education</h2>
                    <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
                    </p>
                    <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
                    </p>
                     </div>
                     
                    
                     <div style="display: none;" class="tab" id="tab3">
                                         <h2>Work Experience</h2>
                    <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
                    </p>
                    <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
                    </p>
                     </div>            
                     
                     
                      
                     <div style="display: none;" class="tab" id="tab4">
                                         <h2>Skills</h2>
                    <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
                    </p>
                    <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
                    </p>
                     </div>              
                     
                    
                     <div style="display: none;" class="tab" id="tab5">
                                         <h2>References</h2>
                    <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
                    </p>
                    <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
                    </p>
                     </div>      
                     
                     
                    
                     <div style="display: none;" class="tab" id="tab6">
                                         <h2>Contact</h2>
                    <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
                    </p>
                    <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
                    </p>
                     </div>     
                     
                     
                     
            
                </div>
            
            </div>
        
        <div class="clear"></div>
    	</div>
        <div class="book_bottom">
        	<p>
          One page CV CSS Template | Powered by <a href="http://indeziner.com" target="_blank">INDEZINER</a>
          </p>
        </div>
    </div>
	
</div>
<script type="text/javascript">

var tabber1 = new Yetii({
id: 'demo'
});

</script>
<div style="text-align: center; font-size: 12px;margin:10px"><script language="javascript" src="http://www.sharejs.com/js/720.js"></script>


<br><br>
Download from <a href="http://www.sharejs.com">www.sharejs.com</a></div></body>
</html>